// JavaScript Document
$(document).ready(function(e) {
	// /***不需要自动滚动，去掉即可***/
	// time = window.setInterval(function(){
	// 	$('.og_next').click();	
	// },5000);
	/***不需要自动滚动，去掉即可***/
	linum = $('.mainList li').length;//图片数量
	w = linum * 228;//ul宽度
	$('.imgScrollList').css('width', w + 'px');//ul宽度
	$('.swapList').html($('.mainList').html());//复制内容
	
	$('.ogNext').click(function(){
		
		if($('.swapList,.mainList').is(':animated')){
			$('.swapList,.mainList').stop(true,true);
		}
		
		if($('.mainList li').length>4){//多于4张图片
			ml = parseInt($('.mainList').css('left'));//默认图片ul位置
			sl = parseInt($('.swapList').css('left'));//交换图片ul位置
			if(ml<=0 && ml>w*-1){//默认图片显示时
				$('.swapList').css({left: '912px'});//交换图片放在显示区域右侧
				$('.mainList').animate({left: ml - 912 + 'px'},'slow');//默认图片滚动				
				if(ml==(w-912)*-1){//默认图片最后一屏时
					$('.swapList').animate({left: '0px'},'slow');//交换图片滚动
				}
			}else{//交换图片显示时
				$('.mainList').css({left: '912px'})//默认图片放在显示区域右
				$('.swapList').animate({left: sl - 912 + 'px'},'slow');//交换图片滚动
				if(sl==(w-912)*-1){//交换图片最后一屏时
					$('.mainList').animate({left: '0px'},'slow');//默认图片滚动
				}
			}
		}
	})
	$('.ogPrev').click(function(){
		
		if($('.swapList,.mainList').is(':animated')){
			$('.swapList,.mainList').stop(true,true);
		}
		
		if($('.mainList li').length>4){
			ml = parseInt($('.mainList').css('left'));
			sl = parseInt($('.swapList').css('left'));
			if(ml<=0 && ml>w*-1){
				$('.swapList').css({left: w * -1 + 'px'});
				$('.mainList').animate({left: ml + 912 + 'px'},'slow');				
				if(ml==0){
					$('.swapList').animate({left: (w - 912) * -1 + 'px'},'slow');
				}
			}else{
				$('.mainList').css({left: (w - 912) * -1 + 'px'});
				$('.swapList').animate({left: sl + 912 + 'px'},'slow');
				if(sl==0){
					$('.mainList').animate({left: '0px'},'slow');
				}
			}
		}
	})    
});

$(document).ready(function(){
	$('.ogPrev,.ogNext').hover(function(){
			$(this).fadeTo('fast',1);
		},function(){
			$(this).fadeTo('fast',0.7);
	})
})

